<template>
  <div class="goods">
    <h3>{{ pname }}</h3>
    <p>{{ info }}</p>
    <p>商品价格:{{ price }}</p>
    <button @click="$emit('kanyidao', 1, id)">砍一刀</button>
  </div>
</template>

<script>
export default {
  //   props: ["id", "pname", "price", "info"],
  props: {
    id: {
      required: true, // 要求父组件必须传递id
      type: Number, // 要求传递过来的id，必须是数字类型
    },
    pname: {
      default: "方便面", // 默认值；【如果默认值是数组或对象，要求写成函数，函数中返回数组或对象】
      type: String,
    },
    price: Number, // 只要求 price 是数字类型，直接写Number
    info: {
      required: true,
      type: [Number, String], // 要求类型是数字或是字符串
    },
  },
};
</script>

<style  scoped>
.goods {
  padding: 5px;
  margin: 8px;
  border: solid 2px black;
}
</style>